﻿@import url(Trintech.css);

/* ---------- GRC header & menu styles ---------- */
/* ---------- Header styles ---------- */
body #grc_header {
    font:12px/14px Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0; 
}
body { 
	margin:0; 
	padding:0; 
}
strong #grc_header {
    font-weight:bold;
}
#grc_header {
    width:100%;
    position:relative;
    height:93px;
}
#grc_header img {
	border:0;
}
#grc_header h1 {
    position:absolute;
    top:0px;
    left:30px;
    border:none;
}
#grc_header h1 a {
    display:block;
    width:198px;
    height:54px;
    background:url(images/img-logo.gif) 0 0 no-repeat;
    text-indent:-9999px;
}
#grc_header #grc_welcome_nav {
    position:absolute;
    top:15px;
    right:40px;
    font-weight:bold;
}
#grc_header #grc_welcome_nav p {
    font:12px/14px Arial, Helvetica, sans-serif;
    margin:0 0 8px;
}
#grc_header #grc_welcome_nav a {
    outline:none;
    color: #0C5399;
    margin-left:10px;
    text-decoration:none;
}
#grc_header #grc_welcome_nav a:hover {
    text-decoration:underline;
    cursor:pointer;
}
#grc_help_link {
    background:url(images/icon-help.gif) 0 50% no-repeat;
    padding-left:10px;
}
#grc_sign_out_link {
    background:url(images/icon-sign_out.gif) 0 50% no-repeat;
    padding-left:13px;
}
#grc_bookmark_link {
    background:url(images/bookmarks.gif) 0 50% no-repeat;
    padding-left:20px;
}

/* ---------- GRC menu styles (top level tabs) ---------- */

/* The main nav is a three-level ul. The li's are floated left and styled, along with
the a tags nested within them. The dropdown nav ul starts out being positioned off the screen
and is moved back into view when its parent li is hovered over.

This will work fine in all browsers but IE, which does not support :hover on any elements
but <a> tags. To fix this, a small bit of javascript is run when the window loads which assigns
onmouseenter and onmouseleave events to each of the li's in the nav. These events dynamically assign
classes to the li's which make them have the same behavior as the :hover. These classes are "sfhover"
and "sfhoverparent" (for all li's with class="parent").

This technique is based on "Son of Suckerfish" (see: http://www.htmldog.com/articles/suckerfish/).
*/
#grc_main_nav {
    background:#587da1;
    border-top:1px solid black;
    position:relative;
    z-index:1000;
}
#grc_main_nav:after {
    content:".";
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
}
#grc_main_nav li a {
	background-image:none;
	cursor: pointer;
}
#grc_main_nav li a.selected {
	background-image:none;
	cursor: pointer;
}
#grc_main_nav img { 
	border:0;
}
#grc_main_nav ul {
	list-style:none;
    padding-left:34px;
    margin:-26px 0 0;
    position:relative;
}
#grc_main_nav li {
    float:left;
    width:170px;
    margin-right:2px;
}
#grc_main_nav span {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align:top;
}
#grc_main_nav li a {
    display:block;
    background:#e9e9e9 url(images/main_nav-tab.png) 0 0 no-repeat;
    height:25px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font:12px/25px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#333;
    position:relative;
    padding-top:0;
}
#grc_main_nav li a img {
    vertical-align:middle;
    margin-right:2px;
}
#grc_main_nav li a:hover {
    background-color:#d9e6f8;
}
#grc_main_nav li ul a:hover {
    background-color:transparent;
}
#grc_main_nav li a.selected {
    background:#587da1 url(images/main_nav-tab-sel.png) 0 0 no-repeat;
    color:white;
    height:26px;
    margin-bottom:-1px;
}
/* ---------- End GRC header/menu styles ---------- */

/*---Filtering---*/
.filter_add
{
	background:url('Images/add.png');
	display:inline-block;
	width: 15px;
	height: 15px;
	margin-top: 0px;
}
.filter_remove
{
	background:url('Images/delete.png');
	display:inline-block;
	width: 15px;
	height: 15px;
	margin-top: 0px;
}
.filter_expand
{
	background:url('Images/navigate_down2.png');
	display:inline-block;
	width: 15px;
	height: 15px;
	margin-top: 0px;
}
.filterListWindowButtons
{
	position:absolute;
	right:20px;
}

/*---Interactive Matching---*/

.ir-workspace
{
	width: 800px;
	height: 120px;
	overflow:auto;
	border: 1px solid #ddd;
}

.ir-workspace table
{
	width:100%;
}

.ir-red
{
	background-color:Red;
	color: White;
}
.ir-yellow
{
	background-color:Yellow;
	color: Black;
}
.ir-green
{
	background-color:Green;
	color: White;
}
.ir-green-row td
{
	background-color:Green;
	color: White;
}



/*---Match Process Config---*/
.mpcfg_fields tr
{
	border-width: 50px;
	border-color: Red;	
}
.mpcfg_fields th
{
    font-weight: bold
}
.mpcfg_checkbox
{
    padding-left: 5px;
    vertical-align: middle
}
.matchingFields
{
    height: 400px
}
.matchFieldRow td
{
	text-align:left;
	padding-left:0px;
}
.mpcfg_SeqInput
{
	width: 30px;
	margin-left: 5px;
}
.mpcfg_groupingSequence
{
	margin-left:15px;
}
.mpcfg_GroupingColumn
{
	width: 200px;	
}
.mpcfg_RemoveColumn
{
	padding-left: 20px;
	width: 80px;
}

/*----Dialog Styling----*/
.dialog { display:none; }